<script setup lang="ts">
import { Button, Card, Result } from 'vexip-ui'
</script>

<template>
  <div class="fixed w-full h-full flex flex-col justify-center items-center">
    <Card class="w-200 p-20">
      <Result
        title="404 Not Found"
        description="路由中输入的路径匹配不到任何的路径, 请检查你的路由输入是否正确"
        type="warning"
        size="large"
      >
        <template #icon>
          <div>😭</div>
        </template>
        <template #extra>
          <Button @click="$router.back">返回</Button>
        </template>
      </Result>
    </Card>
  </div>
</template>
